.usercontext {
    width: 100%;
    height: 680px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    background-color: #1b2838; /* 替换成 Steam 深色背景 */
    color: grey; /* 文字白色 */
    border: 2px solid #34495e; /* 添加外边框 */
}

.usercontext>.gamecontext {
    width: 68%;
    height: 80%;
    margin-right: 30px;
    border: 2px solid #34495e; /* 添加外边框 */
}
.usercontext>.gamecontext>.title {
    width: 100%;
    height: 8%;
    background: linear-gradient(to right, #2c3e50, #34495e); /* 背景渐变色 */
    color: #ecf0f1; /* 文本颜色 */
    font-size: 18px; /* 字体大小 */
    font-weight: bold; /* 字体加粗 */
    text-align: left; /* 文本左对齐 */
    padding: 10px 20px; /* 内边距 */
    box-sizing: border-box; /* 盒模型 */

}
.usercontext>.gamecontext>.game {
    width: 100%;
    height: 92%;
    display: flex;
    flex-direction: column;
    gap: 25px;
    padding: 15px; /* 添加内边距 */
    justify-content: flex-start; /* 靠上对齐 */
    box-sizing: border-box; /* 确保padding不影响总尺寸 */
    color: grey; /* 文字白色 */

}
.usercontext>.gamecontext>.game>.getgame {
    width: 100%;
    height: 30%;
    min-height: 120px; /* 设置最小高度 */
    display: flex;
    flex-direction: row;
    border-radius: 8px;
    overflow: hidden;
    background-color: rgba(23, 29, 37, 0.7); /* 换一个更贴合深色主题的颜色，替代 bisque */
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
}
.usercontext>.gamecontext>.game>.getgame>.gameimg {
    height: 100%;
    width: 30%;
    min-width: 120px; /* 设置图片最小宽度 */
    position: relative;
}
.usercontext>.gamecontext>.game>.getgame>.gameimg img {
    width: 100%;
    height: 100%;
    object-fit: contain; /* 改为contain确保完整显示 */
    object-position: center;
    display: block; /* 去除图片底部间隙 */
}
.usercontext>.gamecontext>.game>.getgame>.gamename {
    height: 100%;
    width: 70%;
    padding: 10px; /* 添加内边距 */
    box-sizing: border-box; /* 盒模型 */
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* 分隔内容 */
}
.usercontext>.gamecontext>.block {
    width: 100%;
    height: 10%;
}
.usercontext>.gamecontext>.message {
    width: 100%;
    height: 50px; /* 调整留言区域高度 */
    background-color: #2c3e50; /* 调整背景颜色 */
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0 10px;
    box-sizing: border-box;
}
.usercontext>.gamecontext>.message>.el-input {
    flex: 1; /* 让输入框占据剩余空间 */
    height: 30px; /* 调整输入框高度 */
    background-color: #34495e; /* 调整输入框背景颜色 */
    border: 1px solid #34495e; /* 调整边框颜色 */
    border-radius: 4px;
    color: #ecf0f1;
    font-size: 14px;
    padding: 0 10px;
}

.usercontext>.gamelist {
    width: 20%;
    height: 80%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: rgba(23, 29, 37, 0.7); /* 换一个更贴合深色主题的颜色，替代 bisque */
    /*color: grey; !* 文字白色 *!*/
    color: #ecf0f1; /* 文本颜色 */
    font-size: 16px; /* 字体大小 */
    text-align: left; /* 文本左对齐 */
    padding: 10px 20px; /* 内边距 */
    box-sizing: border-box;
    border-bottom: 2px solid #34495e; /* 添加底部边框 */

}
.usercontext>.gamelist>.listtop {
    width: 100%;
    height: 8%;
    margin-bottom: 25px;
}
.usercontext>.gamelist>.Badges {
    width: 100%;
    height: 8%;
}
.usercontext>.gamelist>.Games {
    width: 100%;
    height: 8%;
}
.usercontext>.gamelist>.Inventory {
    width: 100%;
    height: 8%;
}
.usercontext>.gamelist>.Screenshots {
    width: 100%;
    height: 8%;
}
.usercontext>.gamelist>.Videos {
    width: 100%;
    height: 8%;
}
.usercontext>.gamelist>.Creative {
    width: 100%;
    height: 8%;
}
.usercontext>.gamelist>.Reviews {
    width: 100%;
    height: 8%;
}
.usercontext>.gamelist>.Guides {
    width: 100%;
    height: 8%;
}
.usercontext>.gamelist>.Artworks {
    width: 100%;
    height: 8%;
}

